<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"/><!--用IE的最高版本浏览网页，以防低版本IE不支持部分css3属性-->
		<title>工程界-欢迎注册</title>
		<meta name="viewport" content="width=device-width,initial-scale=1"/><!--意思是使网页的宽度强制适应不同服务窗口的宽度（宽度自适），且用户不能够随意缩放网页-->
		<meta name="description" content=""/><!--关键字的描述内容(description)-->
		<meta name="keywords" content=""><!--关键字(keywords)-->
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>	
		<!--<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>-->
		<script type="text/javascript" src="js/responseStatus.js"></script>
		<script type="text/javascript" src="js/globalVariable.js"></script>
		<script type="text/javascript" src="js/reg.js"></script>
		<script type="text/javascript" src="js/cookie.js"></script>
		<!--<script type="text/javascript" src="js/main-cookie.js"></script>-->
		<!--[if lt IE9]> 
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
</head>
	<body>
		<div class="header">
			<div class="container">
				<h1 class="logo fl"><a href=""><img src="img/logo.png" alt="" title=""/></a></h1>
			</div>			
		</div>
		<div class="reg-content">
			<div class="container">
				<!--<div class="reg-header">
						
				</div>-->
				<div class="reg-succ">
					<span class="reg-z">会员注册</span>
					<span class="reg-s">注册成功即可获得<em>100</em>金币</span>
				</div>
				<div class="reg-form">
            <form id="form1"   class="register-form" action ="">
                <div id="form-item-account" class="form-item form-item-account msg-user" title="1">
                    <div>
                        <label for="" id="user">用 户 名：</label>
                        <!-- <span id="tips">您的账户名和登录名</span>  -->
                        <input type="text" placeholder="您的账户名和登录名" id="username" autocomplete="off"  class="form-account" maxlength=20 />
                        <i class="msg-icon msg-user-icon"></i>
                    </div>
                </div>
                <div class="input-tip user-tip">
                    <i class="i-error"></i>
                    <span id="usernam_error" class="error">
                        <!--用户名不能是纯数字，请重新输入！-->
                        <!--长度只能在4-20个字符之间-->
                        <!-- 支持中文、字母、数字、"_" 的组合，4-20个字符 -->
                    </span>
                </div>
                <div id="form-item-account" class="form-item form-item-account msg-paw" title="1">
                    <div>
                        <label for="">设 置 密 码：</label>
                        <!-- <span>建议至少使用两种组合</span> -->
                        <input type="text" id="password" placeholder="建议至少使用两种组合" autocomplete="off" class="form-account" maxlength=20 />
                        <i class="msg-icon msg-paw-icon"></i>
                    </div>
                </div>
                <div class="input-tip paw-tip">
                    <i class="i-error"></i>
                    <span id="password_error" class="error">
                        
                        <!--用户名不能是纯数字，请重新输入！-->
                        <!--长度只能在4-20个字符之间-->
                        <!--建议使用字母，数字和符合两种以上组合，6-20个字符-->
                    </span>
                </div>
                <div id="form-item-account" class="form-item form-item-account msg-paws" title="1">
                    <div>
                        <label for="">确认 密 码：</label>
                        <!-- <span>再次确认您的密码</span> -->
                        <input type="text" placeholder="再次确认您的密码" class="form-account" autocomplete="off" id="passwords" maxlength=20 />
                        <i class="msg-icon msg-paws-icon"></i>
                    </div>
                </div>
                <div class="input-tip paws-tip">
                    <i class="i-error"></i>
                    <span id="passwords_error" class="error">
                        <!--用户名不能是纯数字，请重新输入！-->
                        <!--长度只能在4-20个字符之间-->
                        <!--支持中文、字母、数字、"_" 的组合，4-20个字符-->
                    </span>
                </div>
                <!-- <div class="em-warp" style="display:none" > -->
                    <div id="form-item-account" class="form-item form-item-account msg-mail" title="1" style="display:none">
                        <div>
                            <label for="">邮箱验证：</label>
                            <input type="text" placeholder="建议使用常用邮箱" class="form-account" autocomplete="off"  id="mail" maxlength=20 />
                            <i class="msg-icon msg-mail-icon"></i>
                        </div>
                    </div>
                    <div class="input-tip mail-tip" id="mail-tip" style="display:none">
                            <i class="i-error"></i>
                            <span id="mail_error" class="error">
                                <!--用户名不能是纯数字，请重新输入！-->
                                <!--长度只能在4-20个字符之间-->
                                <!--支持中文、字母、数字、"_" 的组合，4-20个字符-->
                            </span>
                            <div class="orEmail">
                                或
                             <a href="javascript:;" id="e-mail">手机验证</a>
                            </div>
                    </div>
                    
                <!-- </div> -->
                <!-- <div class="phone-warp"> -->
                        <div id="form-item-account" class="form-item form-item-account msg-phone" title="1">
                           <div>
                                <label for="">手机 验证：</label>
                                <!-- <span>再次确认您的密码</span> -->
                                <input type="text" placeholder="建议使用常用手机" class="form-account" autocomplete="off" id="phone" maxlength=11 />
                                <i class="msg-icon msg-phone-icon"></i>
                           </div>
                        </div>
                        <div class="input-tip phone-tip">
                            <i class="i-error"></i>
                            <span id="phone_error" class="error">
                                <!--用户名不能是纯数字，请重新输入！-->
                                <!--长度只能在4-20个字符之间-->
                                <!--支持中文、字母、数字、"_" 的组合，4-20个字符-->
                            </span>
                            <div class="orPhone" style="display: none;">
                                或
                                <a href="javascript:;" id="e-Phone">邮箱验证</a>
                             </div> 
                        </div>
                                         
                <!-- </div> -->
                    <div id="form-item-account" class="form-item form-item-account msg-authcode" title="1">
                        <div>
                            <label for="">验 证 码：</label>
                            <input type="text" placeholder="请输入验证码" class="form-account" autocomplete="off" id="authcode" maxlength=4 />
                            <img src="" alt="" id="img-code"  class="img-code"/>
                        </div>
                    </div>
                    <div class="input-tip authcode-tip">
                            <i class="i-error"></i>
                            <span id="authcode_error" class="error">
                                <!--用户名不能是纯数字，请重新输入！-->
                                <!--长度只能在4-20个字符之间-->
                                <!--支持中文、字母、数字、"_" 的组合，4-20个字符-->
                            </span>
                    </div>
                    <div id="form-item-account" class="form-item form-item-account authcodes" title="1">
                        <div>
                            <label for="">手机验证码：</label>
                            <input type="text" placeholder="请输入手机验证码" class="form-account" autocomplete="off" id="authcodes" maxlength=4 />
                            <button type="button"  class="phone-code" id="phone_code">获取验证码</button>
                        </div>
                    </div>
                    <div class="input-tip authcode-tip-phone">
                            <i class="i-error"></i>
                            <span id="authcode-phone_error" class="error">
                                <!--用户名不能是纯数字，请重新输入！-->
                                <!--长度只能在4-20个字符之间-->
                                <!--支持中文、字母、数字、"_" 的组合，4-20个字符-->
                            </span>
                    </div>

                    <div id="form-item-account" class="form-item form-item-account meadoce" title="1" style="display:none">
                        <div>
                            <label for="">邮箱验证码：</label>
                            <input type="text" placeholder="请输入邮箱验证码" class="form-account" autocomplete="off" id="meadoce" maxlength=6 />
                            <button type="button"  class="phone-code" id="meadoce_code">获取验证码</button>
                        </div>
                    </div>
                    <div class="input-tip authcode-tip-meadoce" style="display:none">
                            <i class="i-error"></i>
                            <span id="authcode-meadoce_error" class="error">
                                <!--用户名不能是纯数字，请重新输入！-->
                                <!--长度只能在4-20个字符之间-->
                                <!--支持中文、字母、数字、"_" 的组合，4-20个字符-->
                            </span>
                    </div>
                    

                    <div class="h">
								<input type="checkbox" name="agree" checked="checked"  id="agree"/>
								我已阅读并同意
								<a href="">《工程界网服务协议》</a>
					</div>
                <div class="form-agree">
                    
                </div>
                <div class="input-tip">
                        <i class="i-error"></i>
                </div>
            </form>
            <div >
                <button  id="btn" type="submit"    class="logins" >点击注册</button>
            </div>
        </div>

			    </div>
			</div>
		</div>
	</body>
</html>
